草庐IT

HTML 5 音频当前位置

全部标签

javascript - 从 soundcloud 设置网络音频 api 源节点

我想知道是否有任何方法可以从soundcloud轨道创建源节点(https://dvcs.w3.org/hg/audio/raw-file/tip/webaudio/specification.html#MediaElementAudioSourceNode)。我对网络音频API没问题,但对soundcloudsdk还是陌生的,据我所知它依赖于soundmanager2。那么也许有一些来自soundmanager2的选项可用?问候 最佳答案 您可以请求一个轨道,然后使用stream_url属性,您可以将其设置为音频元素的src,用作

javascript - 使用不显眼的验证插件时,如何禁用 1 个特定 html 元素的 keyup 和 focusout 上的 jquery 验证?

默认情况下,jQueryvalidationplugin正在附加focusin的验证处理程序,focusout和keyup事件。我们的验证之一是发出(同步)请求以检索某些数据。我只想在提交表单时触发验证,而不是在用户输入时触发。我知道这可以是modifiedforthewholeform,但这不是我要找的。有没有办法动态禁用keyup验证1个元素?更新1:我忘了说我正在使用unobtrusivevalidation.所以我认为@MarioJohnathan的答案不是一个选项。更新2:我尝试了以下操作($element是我要更改验证行为的元素):$element.validate({fo

javascript - 使用 html2canvas 将 highcharts 图表呈现为 pdf 在 IE 和 Firefox 上不起作用

我们正在使用html2canvas.js和html2canvas.svg.js(版本0.5.0beta1)和highcharts.js将圆环图下载为pdf。这在Chrome中按预期工作,但在IE和Firefox中不起作用。在IE中图表呈现不正确,而在Firefox中根本不呈现。下面是在Chrome、IE和Firefox中下载的截图ChromeIE(边缘)火狐我用来做html2canvas的代码如下:html2canvas($("#container"),{onrendered:function(canvas){varimgData=canvas.toDataURL('image/png

javascript - React - 如何在 JSON 中返回 HTML 元素

我有一个JSON文件,其中包含字符串中的HTML元素-是否可以将React/JSX中的数据作为有效呈现的HTML返回?varHello=React.createClass({render:function(){varexampleJSONData={"item":"Hello","text":"Loremipsumdolorsitamet"}return{data.item}{data.text};}});返回:HelloLoremipsumdolorsitamet而不是:HelloLoremipsumdolorsitametfiddle 最佳答案

javascript - 带有来自变量的 HTML 标记的 JSX

我有一个在JSX中定义的React组件,它使用td或th返回一个单元格,例如:if(myType==='header'){return(somecontent);}return(somecontent);是否有可能以从变量中获取HTML标记的方式编写JSX?喜欢:letmyTag=myType==="header"?'th':'td';return(somecontent);以上代码返回错误:"unexpectedtoken"pointingat{.我正在使用带有Babel插件的Webpack来编译JSX。 最佳答案 尝试像这样设置

javascript - 如何获取javascript文件的位置(src)?

javascript文件如何知道它的位置?例如:howdy.js中的代码如何知道http://mysite.com/scripts/howdy.js?编辑:澄清。我不能依赖于在DOM中搜索我的脚本标记,因为我需要在DOM准备好之前了解它。 最佳答案 在当前脚本执行的那一刻,将是DOM中的最后一个script元素,因此您可以通过以下方式获取它:varscripts=document.getElementsByTagName('script'),currentScriptSrc=scripts[scripts.length-1].src

javascript - HTML5 拖放 ondragover 未在 Chrome 中触发

我这里有一个简单的例子,它对我来说在Chrome11中没有触发http://jsfiddle.net/G9mJw/它包含一个非常简单的代码:vardropzone=document.getElementById('dropzone'),draggable=document.getElementById('draggable');functiononDragOver(event){varcounter=document.getElementById('counter');counter.innerText=parseInt(counter.innerText,10)+1;}dropzon

javascript - 将 HTML DOM 结构转换为 JSON

我在这上面浪费了很多时间..递归部分很虚幻。对于给定的HTML结构,深度未知,我需要转换为JSON。(我在我正在构建的一些YAMLi18n翻译系统中使用它)我的一般想法是深入直到找到INPUT,然后创建一个具有span.innerHTML/input.value的键/值的对象,并返回对象,因此它将是最后一个KEY的值达到。(是的,有点复杂但是开发起来很有趣)JSBINplayground-实时代码示例我无法让我的递归函数正常工作,无法输出我想要的JSON...HTML结构footerstatementlandingpage_titlepage_sub_titlepricingtitle

javascript - 我如何判断 HTML5 音频元素是否正在使用 Javascript 播放

我在网页中有一个audio元素,我想确保用户在离开页面时不会继续播放它。如何确定页面卸载时audio元素没有播放?到目前为止,我有以下代码,但它似乎不起作用;卸载时弹出的对话框报告说playing是false即使音频正在播放也是如此:functionunloadTasks(){if(playing&&!window.confirm("Apodcastisplaying,andnavigatingawayfromthispagewillstopthat.Areyousureyouwanttogo?"))window.alert("HereiswhereIwillstopthepagefr

javascript - 位置 : fixed 的特征检测

我正在尝试找到一个脚本来检测设备是否放置了相对于ViewPort而不是整个文档的position:fixed元素。目前,标准桌面浏览器和MobileSafari(适用于iOS5)这样做,而Android设备相对于整个文档放置固定元素。我找到了几个测试来检测这一点,但似乎都不起作用:http://kangax.github.com/cft/当我从Android设备传递它时给我误报。https://gist.github.com/1221602当我在装有iOS5的iPhone中传递它时,给我一个假阴性。有人知道在哪里可以找到/如何编写一个实际检测到的测试吗?我不想依赖浏览器嗅探。